<template>
	<view class="main">
		<u-navbar title="设置" :autoBack="true" :placeholder="true" :titleStyle="state.titleStyle" :height="40"
			bgColor="#F5F5F5">
		</u-navbar>
		<view class="center">
			<view class='dui' @click="sheep.$router.go('/pages/user/accountCancellation')">
				<text>账号注销</text>
				<image src="../../static/me_shezhi_icon_more@2x.png" mode=""></image>
			</view>
			<view class='dui' @click="sheep.$router.go('/pages/index/rule?title=隐私政策&config=privacy')">
				<text>隐私政策</text>
				<image src="../../static/me_shezhi_icon_more@2x.png" mode=""></image>
			</view>
			<view class='dui' @click="sheep.$router.go('/pages/index/rule?title=关于我们&config=about')">
				<text>关于我们</text>
				<image src="../../static/me_shezhi_icon_more@2x.png" mode=""></image>
			</view>
			<view class='dui' @click="sheep.$router.go('/pages/index/rule?title=个人协议&config=agreement')">
				<text>个人协议</text>
				<image src="../../static/me_shezhi_icon_more@2x.png" mode=""></image>
			</view>
		</view>
		<view class="news">
			<view class="text">Copyright@2021艾因特数字技术有限公司</view>
			<view class="text">官方邮箱:loveinter123@163.com</view>
			<view class="text">鲁ICP备2021015362</view>
		</view>
	</view>
</template>
<script setup>
	import {ref,reactive,} from 'vue';
	import sheep from '@/sheep';
	import {onLoad} from '@dcloudio/uni-app';
	const state = reactive({
		duiId:'',
	});
	onLoad((options) => {});
	// 倒计时
	function getLeft(){
		uni.navigateBack({
			delta:1,//返回层数，2则上上页
		})
	}
</script>
<style  lang="scss">
	page {
		height: 100%;
		width: 100%;
		background-color: #F5F5F5;
		.main {
			height: 100%;
			width: 100%;
			background-color: #F5F5F5;
		}
		.img{
		    width:calc(100% - 48rpx);
		    padding:24rpx;
		    background: #fff;
			margin: 20rpx 0; 
			text-align: center;
			image{
				width: 440rpx;
				height:280rpx;
				// text-align: right;
			}
		}
		.center{
			width: 100%;
			margin: 24rpx 0; 
		}
		.dui{
		    width:calc(100% - 48rpx);
		    padding:0 24rpx;
		    background: #fff;
			margin: 0 0; 
			font-size: 28rpx;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			line-height: 112rpx;
			justify-content: space-between;
			border-bottom: 1px solid #F5F5F5;
			image{
				width:40rpx;
				height:40rpx;
			}
		}
		.butLi{
			width: calc(100% - 64rpx);
			margin:60rpx auto;
			background: #1BDDD0;
			font-size:32rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #FFFFFF;
			line-height: 92rpx;
			text-align: center;
			border-radius: 54rpx;
		}
		.buc{
			width:calc(100% - 64rpx);
			margin: 20rpx auto;
			font-size: 28rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
		}
		.duiHuan{
			width: calc(100% - 64rpx);
			margin:2 0rpx auto;
			font-size: 28rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #666666;
			line-height: 50rpx;
		}
   }
   .news{width: calc(100% - 64rpx); margin:0 auto;color: #666666; height: auto; margin-top: 50rpx; display: flex; align-items: center; justify-content: center; font-size: 24rpx; flex-direction: column;}
   .news .text{margin-top: 10rpx;}
</style>
